<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<script src="../assets/flexible/flexible.debug.js"></script>
	<script src="../assets/flexible/flexible_css.debug.js"></script>
	<link rel="stylesheet" href="../css/shouye.css">
	<link rel="stylesheet" href="../css/footer.css">
	<link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
</head>
<body>
	<header class="header">
		<div class="left">
			<p class="place">北京<i class="icon"></i></p><p class="search">不等11.11温暖献礼</p>
		</div>
		<div class="center">
			<p><i class="fa fa-phone"></i></p>
		</div>
		<div class="right">
			<p><i class="fa fa-commenting"></i></p>
		</div>
	</header>

	<div class="swiper-container banner">
	    <div class="swiper-wrapper">
	        <div class="swiper-slide"><img src="http://file.cits.cn/apic/20170830/20170830160352_829.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="http://file.cits.cn/apic/20170830/20170830160352_829.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="http://file.cits.cn/apic/20170830/20170830160352_829.jpg" alt=""></div>
	    </div>
	    <!-- 如果需要分页器 -->
	    <div class="swiper-pagination"></div>
	</div>

	<div class="list">
		<div class="row">
			<dl>
				<dt><img src="../images/item1.png" alt=""></dt>
				<dd>出境游</dd>
			</dl>
			<dl>
				<dt><img src="../images/item2.png" alt=""></dt>
				<dd>国内游</dd>
			</dl>
			<dl>
				<dt><img src="../images/item3.png" alt=""></dt>
				<dd>当地游</dd>
			</dl>
			<dl>
				<dt><img src="../images/item4.png" alt=""></dt>
				<dd>游轮</dd>
			</dl>
		</div>
		<div class="insert">
			<div class="inser">
				<div class="ins" id="insert">
					<p class="item">巴厘岛</p>
					<p class="item">普吉岛</p>
					<p class="item">台湾</p>
					<p class="item">马尔代夫</p>
					<p class="item">塞班</p>
					<p class="item">马来西亚</p>
					<p class="item">日本</p>
					<p class="item">美国</p>
					<p class="item">加拿大</p>
					<p class="item">德国</p>
					<p class="item">黄石公园</p>
					<p class="item">更多</p>
				</div>
			</div>
			<div class="inser">
				<div class="ins" id="insert">
					<p class="item">三亚</p>
					<p class="item">杭州</p>
					<p class="item">厦门</p>
					<p class="item">北京</p>
					<p class="item">云南</p>
					<p class="item">张家界</p>
					<p class="item">伤害</p>
					<p class="item">哈尔滨</p>
					<p class="item">西藏</p>
					<p class="item">山东</p>
					<p class="item">黄山</p>
					<p class="item">更多</p>
				</div>
			</div>
			<div class="inser">
				<div class="ins" id="insert">
					<p class="item">香港</p>
					<p class="item">澳门</p>
					<p class="item">巴黎</p>
					<p class="item">巴厘岛</p>
					<p class="item">东京</p>
					<p class="item">夏威夷欧湖岛</p>
					<p class="item">北京</p>
					<p class="item">厦门</p>
					<p class="item">昆明</p>
					<p class="item">成都</p>
					<p class="item">南京</p>
					<p class="item">更多</p>
				</div>
			</div>
			<div class="inser">
				<div class="ins" id="insert">
					<p class="item">日本航线</p>
					<p class="item">东南亚航线</p>
					<p class="item">地中海航线</p>
					<p class="item">澳新航线</p>
					<p class="item">东南亚航线</p>
					<p class="item">更多</p>
				</div>
			</div>
		</div>
		<div class="row">
			<dl>
				<dt><img src="../images/item1.png" alt=""></dt>
				<dd>签证</dd>
			</dl>
			<dl>
				<dt><img src="../images/item4.png" alt=""></dt>
				<dd>机票</dd>
			</dl>
			<dl>
				<dt><img src="../images/item2.png" alt=""></dt>
				<dd>酒店</dd>
			</dl>
			<dl>
				<dt><img src="../images/item3.png" alt=""></dt>
				<dd>门票</dd>
			</dl>
		</div>
		<div class="insert">
			<div class="inser">
				<div class="ins" id="insert">
					<p class="item">美国</p>
					<p class="item">法国</p>
					<p class="item">日本</p>
					<p class="item">英国</p>
					<p class="item">澳大利亚</p>
					<p class="item">意大利</p>
					<p class="item">新加坡</p>
					<p class="item">埃及</p>
					<p class="item">莱索托</p>
					<p class="item">纳米比亚</p>
					<p class="item">刚果金</p>
					<p class="item">更多</p>
				</div>
			</div>
			<div class="inser">
			</div>
			<div class="inser">
			</div>
			<div class="inser">
				<div class="ins" id="insert">
					<p class="item">珠海</p>
					<p class="item">上海</p>
					<p class="item">平遥</p>
					<p class="item">三亚</p>
					<p class="item">香港</p>
					<p class="item">广州</p>
					<p class="item">更多</p>
				</div>
			</div>
		</div>
	</div>

	<div class="boutique">
		<a href="yushou.html" class="left"><img src="../images/hot1.png" alt=""></a>
		<div class="right">
			<a href="chuxing.html" class="service clearfix">
				<img src="../images/service1.png" alt="">
				<p class="title">出行服务</p>
				<p class="info">贴心出行工具</p>
			</a> 
			<a href="lvxing.html" class="service">
				<img src="../images/service2.png" alt="">
				<p class="title">爱旅行</p>
				<p class="info">完美攻略推荐</p>
			</a>
			<a href="#" class="service">
				<img src="../images/service3.png" alt="">
				<p class="title">摇一摇</p>
				<p class="info">摇手机有惊喜</p>
			</a>
		</div>
	</div>

	<div class="summary">
		<a href="place.html"><img src="../images/summary1.png" alt=""></a>
		<a href="my.html"><img src="../images/summary2.png" alt=""></a>
	</div>

	<div class="hot">
		<span></span>
		<p>热门推荐</p>
		<span></span>
	</div>

	<div class="hotlist" id="hotlist">
		<script type="text/html" id="content">
			{{each data v i}}
				<a href="xiangqing.html" class="items">
					<img src="{{v.img}}" alt="">
					<div class="info">
						<p class="left">{{v.place}}</p>
						<div class="right">
							<p>￥<span>{{v.pldprice}}</span>人/起</p>
							<p>{{v.price}}</p>
						</div>
					</div>
				</a>
			{{/each}}
		</script>
	</div>

	<footer class="footer">
		<a href="#">
			<dl class="active_dl">
				<dt><i class="fa fa-home"></i></dt>
				<dd>首页</dd>
			</dl>
		</a>
		
		<a href="find.html">
			<dl>
				<dt><i class="fa fa-camera"></i></dt>
				<dd>发现</dd>
			</dl>
		</a>
		<a href="kefu.html">
			<dl>
				<dt><i class="fa fa-male"></i></dt>
				<dd>客服</dd>
			</dl>
		</a>
		<a href="my.html">
			<dl>
				<dt><i class="fa fa-user"></i></dt>
				<dd>我的</dd>
			</dl>
		</a>
	</footer>
	



	<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="../assets/artTemplate/template-web.js"></script>
	<script src="../assets/swiper/js/swiper.jquery.min.js"></script>
	<script src="../js/shouye.js"></script>

	<script>        
		var mySwiper = new Swiper ('.swiper-container', {
		    loop: true,
		    pagination: '.swiper-pagination',
		    paginationClickable :true,
		})        
	</script>
</body>
</html>